
/*公共*/
.payProcessList i,i.processLine,.icheckbox_red{background:url('images/orderIcon.png') no-repeat;}
.detailsBt{display:block;border:solid 1px #15a9e9;cursor:pointer;background:#e9f8ff;font-size:14px;color:#15a9e9;width:86px;height:26px;line-height:26px;text-align:center;margin:18px auto;}
.icheckbox_red{display:inline-block;width:17px;height:17px;background-position:0 -183px;}
.icheckbox_red.selected{background-position:-19px -184px;width:15px;height:15px;margin:2px 0 0 2px;}
.icheckbox_red input{opacity:0;}

/* 我的订单 */

.order-mod{padding-bottom:25px;border-bottom:solid 1px #f2f2f2;}
.location .personalmenu a:before,.location .personalmenu a:after{background:none;}
.personalmenu{float:right;margin-right:30px;}
.personalmenu li{float:left;}
.personalmenu li a{font-size:14px;color:#000000;text-align:center;margin:0 0 0 12px;display:inline-block;height:36px;line-height:36px;padding:0 10px;}
.personalmenu .active{background:#15a9e9;color:#fff;border-radius:20px;-webkit-border-radius:20px;}
.ordernav{height:40px;border:solid 1px #eaeaea;background:#f5f5f5;margin:24px 0 16px 0;}
.orderSearchBox{float:left;margin-top:8px;}
.orderSearchBox input{width:250px;height:25px;line-height:25px;margin-left:12px;float:left;color:#a6a6a6;font-size: 12px;}
.orderSearchBox button{width:76px;height:25px;text-align:center;line-height:25px;border-top:solid 1px #d2d2d2;border-right:solid 1px #d2d2d2;border-bottom:solid 1px #d2d2d2;border-left:none;background:#f9f9f9;color:#686868;font-size:12px;}
.classifyBox{float:right;}
.subjectBox,.timeBox{height:40px;line-height:40px;color:#666666;border-right:solid 1px #eaeaea;padding-right:16px;float:left;padding-left:20px;}
.timeBox{padding-right:25px;border-right:none;}

.classifyBox .info{display:inline-block;border:solid 1px #dbdbdb;height:22px;width:81px;line-height:22px;text-align:center;margin-right:10px;cursor:pointer;}
.classifyBox .info:hover{background:#fff;}
.timeBox .info{width:56px;}
.classifyBox .info.active{color:#fff;background:#ff3918;border:none;}

.detailedHeader{height:48px;line-height:48px;background:#eef5fd;border:solid 1px #e3e3e3;margin:16px 0;font-size:13px;color:#363d4d;}
.detailedHeader span{display:inline-block;text-align:center;line-height:48px;height:48px;float:left;color:#363d4d;}
.detailedHeader span:first-child:after{background:none;}
.detailedHeader span:after{content:"";display:inline-block;width:1px;height:18px;background:#c4d0d8;float:left;margin-top:15px;}
.dh_subject{width:404px;}
.dh_price {width: 132px;}
.dh_training_subject {width:782px;}

.dh_Internship_subject {
    width: 449px;
}
.dh_Internship_date {
    width: 167px;
}
.dh_training_date{
    width: 150px;
}
.dh_examination{width:132px;}
.dh_pay{width:132px;}
.dh_state{width:132px;}
.dh_operation{width:190px;}
.dh_price_1{width:148px;}

.detailedInfo{background:#fbfbfb;height:38px;line-height:38px;border-top:solid 1px #e3e3e3;border-left:solid 1px #e3e3e3;border-right:solid 1px #e3e3e3;}
.orderNum,.orderTime{display:inline-block;float:left;font-size:13px;margin-left:12px;height:38px;line-height:38px;color:#585858;font-weight:bold;}
.orderNum.big{font-size:15px;}
.orderNum em,.orderTime em{color:#676767;}
.orderTime{float:right;margin-right:30px;}

.detailedList{margin-top:18px;}
.order-mod table{border-collapse:collapse;width:100%;}
.order-mod td{border:solid 1px #e6e9ed;text-align:center;font-size:14px;color:#333333;}
.listgrid .paid{color:#72c2ef;font-size:14px;}
.orderBg{display:table-cell;vertical-align:middle;padding:7px 10px 7px 14px;}
.orderBg img{float:left;}
td.dh_pay{font-weight:bold;}
td.dh_subject{text-align:left;}
td.dh_subject span{display:table-cell;vertical-align:middle;font-size:14px;padding:0 10px 0 0;}
td.dh_training_subject span {display: table-cell;vertical-align: middle;font-size: 14px;padding: 0 10px 0 0;}
td.dh_Internship_subject span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 10px 0 0;
}
.payBt{border:solid 1px #ff4021;color:#ff3918;background:#ffeeeb;}
.noPay{color:#ff4400;font-size:14px;}
.np_info{color:#b4b4b4;font-size:12px;padding:5px 2px;}

.payProcess{height:252px;text-align:center;}
.payProcessList{display:inline-block;}
.payProcessList span{display:inline-block;margin-top:35px;float:left;}
.payProcessList .pl_info{font-size:16px;display:block;color:#000;margin:14px 0 8px;}
.payProcessList .red{color:#ff4021;}
.payProcessList em{font-size:12px;display:block;color:#747474;}
.payProcessList i{display:block;width:82px;height:83px;}
.payProcessList .icon_1{background-position:0 0;}
.payProcessList .icon_2{background-position:-84px 0;}
.payProcessList .icon_3{background-position:-84px -83px;}
.payProcessList .icon_4{background-position:0px -83px;}
.payProcessList .icon_5{background-position:-169px 0px;}
.payProcessList .icon_6{background-position:-169px -83px;}
i.processLine{display:inline-block;width:147px;height:10px;background-position:0 -170px;float:left;margin:72px 18px 0;}
.examineeInfo {background: #fbfbfb; border: solid 1px #e3e3e3; margin-top: 20px;}
.examineeInfo td {float: left;padding: 10px 20px 10px 10px;border: none;height:auto;}
.examineeInfo td span{color:#939393;font-size:14px;}
.examineeInfo td em{color:#000;font-size:13px;}

.paymentInfo{height:68px;background:#fffce9;border:solid 1px #ffdeb9;margin-top:20px;margin-bottom:60px;}
.paymentInfo .paymentTit{display:inline-block;font-size:20px;color:#000;margin-left:20px;margin-right:5px;}
.paymentInfo p{display:block;float:right;}
.paymentInfo em{display:inline-block;color:#525252;font-size:14px;margin:0 30px;line-height:68px;}
.paymentInfo p font{font-size:30px;color:#ff4621;}
.paymentInfo p em{margin:0;}
.paymentInfo p i{font-size:20px;color:#ff4621;display:inline-block;margin-left:5px;}
.orderPayBtn{width:179px;height:68px;background:#ff4021;font-size:18px;color:#fff;border:none;margin-left:20px;}
.confirmPay{background:#ff4021;}
.completePay{background:#15a9e9;cursor:default;}
.notPay{background:#8d8d8d;cursor:default;}

.detailedList.row2 {overflow:hidden;}
.detailedList.row2 .detailedInfo {float:left; width: 50%; }
.detailedList.row2 .detailedInfo + .detailedInfo  {border-left: none;}
.detailedList.row2 .paymentWays {float: left; width: 50%;}
.detailedList.row2 .paymentWays td {padding: 10px 20px; height: 84px;}
.detailedList.row2 .paymentWays + .paymentWays td {border-left: 0; border-right: 1px solid #e3e3e3}
.detailedList.row2 .paymentWays td .useCode {width: 100px;}

/*我的成长包*/
.myGu .detailedHeader{margin-top:32px;}
.myGu .dh_subject{width:435px;}
.myGu .dh_price{width:132px;}
.myGu .dh_examination{width:132px;}
.myGu .dh_pay{width:132px;}
.myGu .dh_operation{width:293px;}
.listgrid .o_checkbox{display:table-cell;vertical-align:middle;padding:0 0 0 14px;}
.listgrid.active{background:#fff8e1;}
.listgrid.end{background:#f6f6f6;}
.listgrid.end .icheckbox_red{visibility:hidden;}
.guPaymentInfo{height:50px;line-height:50px;background:#eef5fd;margin-top:20px;}
.guPaymentInfo label{margin:15px 10px 0 15px;margin-right:10px;float:left;}

.guPaymentInfo em{font-size:14px;color:#525252;margin-right:24px;}
.guPaymentInfo i{color:#ff4400;display:inline-block;margin:0 8px;}
.guPaymentInfo p{display:inline-block;float:right;line-height:50px;}
.guPaymentInfo .confirmPay{border:none;width:141px;height:49px;margin-left:35px;}

/*我的认证*/
.myAuthenticationNav{margin-top:22px;}
.myAuthenticationNav a{display:inline-block;width:148px;height:50px;text-align:center;line-height:50px;font-size:16px;color:#525252;border:solid 1px #e3e3e3;margin-right:12px;position:relative;}
.myAuthenticationNav a.active{background:#00aaef;color:#fff;border:solid 1px #00aaef;}
.myAuthenticationNav a.active:after{content:"◆";position:absolute;bottom:-10px;left:0;width:100%;text-align:center;font-size: 40px;height:20px;line-height:20px;}
.myAt,.myAt_1{border:solid 1px #e3e3e3;padding:0 10px 15px;}
.order-mod.myAt .ordernav{margin-top:18px;}
.order-mod.myAt .dh_operation{width:174px;}
.order-mod.myAt .dh_pay{font-weight:normal;}
.myAt_1 .dh_price{width:116px;}
.myAt_1 .dh_examination{width:116px;}
.myAt_1 .dh_pay{width:116px;}
.myAt_1 .dh_state{width:100px;}
.myAt_1 .dh_operation{width:127px;}
.myAt_1 .dh_operation span{display:block;}
.listgrid .unpaid{
	color:#ff3918;
}
.listgrid .closed{
	color:#333;
}
.listgrid .unpaid span{
	display: block;
	color:#939393;
	font-size: 12px;
}
.detailsBt.unpaidBt{
	background-color: #ffeeeb;
	border:1px solid #ff4021;
}
.detailsBt a{
	color:#15a9e9;
}
.detailsBt.unpaidBt a{
	color:#FF3918;
}







